<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <title>download</title>
    <link rel="stylesheet" href="h5css/download.css">
</head>
<script>
    +function () {
        remLayout();
        function remLayout() {
            var w = document.documentElement.clientWidth;
            w = w > 768 ? 768 : w;
            w = w <= 320 ? 320 : w;
            document.documentElement.style.fontSize = w / 7.5 + 'px';
        }

        window.addEventListener('resize', function () {
            remLayout();
        }, false);
    }();
</script>
<body>
<main class="main">
    <!--<header class="open_header"></header>-->
    <section class="open_content">
        <img class="logo" src="h5image/logo.png" alt="logo">
        <p class="title">素友</p>
        <p class="subtitle">清交素友，比景共波</p>
        <ul>
            <li class="common_li">
                <div class="common_left">
                    <img src="h5image/suyou.png" alt="">
                    <p>素友</p>
                </div>
                <div class="common_right">
                    <p>网罗朋友脉络中的帮忙资讯</p>
                    <p>高效率、体验好的信息分发模块</p>
                    <i class="circle"></i>
                </div>
            </li>
            <li class="common_li message">
                <div class="common_left">
                    <img src="h5image/message.png" alt="">
                    <p>消息</p>
                </div>
                <div class="common_right">
                    <p>事件及时处理，沟通高效无阻</p>
                </div>
            </li>
            <li class="common_li">
                <div class="common_left">
                    <img src="h5image/frend.png" alt="">
                    <p>联系人</p>
                </div>
                <div class="common_right">
                    <p>同步通讯录，以朋友结交新朋友</p>
                    <p>拓展朋友脉络，友谊长青温情常在</p>
                </div>
            </li>
        </ul>
        <footer class="foo" id="go">立即体验</footer>
    </section>
   <!-- <section id="weixin-tip">
        <p>
            <img src="img/live_weixin.png" alt="微信打开"/>
            <span id="close" title="关闭" class="close">×</span>
        </p>
    </section>-->
</main>
<script src="h5js/lib/zepto.min.js"></script>
<script src="h5js/download.js"></script>
</body>
</html>